<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">

	<h:form>
		<p:commandButton id="buscar" value="Buscar" icon="ui-icon-find"
			update="ccpp,ccpp1"
			actionListener="#{controladorFocalizacion.buscarFocalizacionPorAnhoZonalDepartamentoProvinciaDistrito}" />


		<p:panelGrid style="width:60%;">
			<p:row>
				<p:column>
					<h:outputLabel value="Año" />
				</p:column>
				<p:column>
					<p:inputText value="#{controladorFocalizacion.anho}" maxlength="4">
						<p:ajax event="blur" update="zonal"
							listener="#{controladorFocalizacion.buscarZonales}" />
					</p:inputText>


				</p:column>
			</p:row>

			<p:row>
				<p:column>
					<h:outputLabel value="Zonal" />
				</p:column>
				<p:column>
					<h:selectOneMenu value="#{controladorFocalizacion.zonal.codigo1}"
						id="zonal" style="font-size:11px;display:inline">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="" />
						<f:selectItems value="#{controladorFocalizacion.zonales}"
							var="tipo" itemLabel="#{tipo.descripcion}"
							itemValue="#{tipo.codigo1}" />
						<p:ajax listener="#{controladorFocalizacion.buscarDepartamento}"
							update="departamento,provincia,distrito" />
					</h:selectOneMenu>
				</p:column>
				<p:column>
					<h:outputLabel value="Departamento" />
				</p:column>
				<p:column>
					<h:selectOneMenu
						value="#{controladorFocalizacion.departamento.codigo1}"
						id="departamento" style="font-size:11px;display:inline">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="" />
						<f:selectItems value="#{controladorFocalizacion.departamentos}"
							var="tipo" itemLabel="#{tipo.descripcion}"
							itemValue="#{tipo.codigo1}" />
						<p:ajax listener="#{controladorFocalizacion.buscarProvincia}"
							update="provincia,distrito" />
					</h:selectOneMenu>
				</p:column>
				<p:column>
					<h:outputLabel value="Provincia" />
				</p:column>
				<p:column>
					<h:selectOneMenu
						value="#{controladorFocalizacion.provincia.codigo1}"
						id="provincia" style="font-size:11px;display:inline">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="" />
						<f:selectItems value="#{controladorFocalizacion.provincias}"
							var="tipo" itemLabel="#{tipo.descripcion}"
							itemValue="#{tipo.codigo1}" />
						<p:ajax listener="#{controladorFocalizacion.buscarDistrito}"
							update="distrito" />
					</h:selectOneMenu>
				</p:column>
				<p:column>
					<h:outputLabel value="Distrito" />
				</p:column>
				<p:column>
					<h:selectOneMenu
						value="#{controladorFocalizacion.distrito.codigo1}" id="distrito"
						style="font-size:11px;display:inline">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="" />
						<f:selectItems value="#{controladorFocalizacion.distritos}"
							var="tipo" itemLabel="#{tipo.descripcion}"
							itemValue="#{tipo.codigo1}" />

					</h:selectOneMenu>
				</p:column>
			</p:row>
			<f:facet name="footer">
				<p:row>
					<p:column colspan="8">
						<div align="center">
							<p:commandButton id="importarCCPP" value="Importar CCPP"
								icon="ui-icon-disk">
							</p:commandButton>

						</div>
					</p:column>
				</p:row>
			</f:facet>
		</p:panelGrid>

		<br />
		<p:commandButton id="focalizar" value="Focalizar" icon="ui-icon-find"
			update="ccpp,ccpp1"
			actionListener="#{controladorFocalizacion.focalizar}" />

		<p:dataTable id="ccpp" var="por" paginator="true" rows="10"
			value="#{controladorFocalizacion.focalizacionDataModel}"
			paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="5,10,15"
			selection="#{controladorFocalizacion.focalizacion}"
			rowKey="#{por.codCentroPoblado}">

			<p:column selectionMode="multiple" style="width:5%" />
			<p:column headerText="Anho">
				<h:outputText value="#{por.codAnho}" />
			</p:column>
			<p:column headerText="Zonal">
				<h:outputText value="#{por.txtZonal}" />
			</p:column>

			<p:column headerText="Departamento">
				<h:outputText value="#{por.txtDep}" />
			</p:column>
			<p:column headerText="Provincia">
				<h:outputText value="#{por.txtPro}" />
			</p:column>
			<p:column headerText="Distrito">
				<h:outputText value="#{por.txtDis}" />
			</p:column>
			<f:facet name="footer">
            Total #{fn:length(controladorFocalizacion.focalizaciones)}
        </f:facet>
		</p:dataTable>

		<p class="subtitle">
			<b>Lista CCPP por distrito para Asignar</b>
		</p>

		<p:dataTable id="ccpp1" var="por" paginator="true" rows="10"
			value="#{controladorFocalizacion.portafolioFocalizaciones}"
			paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="5,10,15" editable="true" >
			 
			 <p:ajax event="rowEdit" listener="#{controladorFocalizacion.onEdit}" update="ccpp1" />
       		 <p:ajax event="rowEditCancel" listener="#{controladorFocalizacion.onCancel}" update="ccpp1" />

			<p:column headerText="Anho">
				<h:outputText value="#{por.id.codAnho}" />
			</p:column>
			<p:column headerText="Zonal">
				<h:outputText value="#{por.txtZonal}" />
			</p:column>

			<p:column headerText="Departamento">
				<h:outputText value="#{por.txtDep}" />
			</p:column>
			<p:column headerText="Provincia">
				<h:outputText value="#{por.txtPro}" />
			</p:column>
			<p:column headerText="Distrito">
				<h:outputText value="#{por.txtDis}" />
			</p:column>


			<p:column headerText="Estado">
				<p:cellEditor>
					<f:facet name="output">
						<h:selectOneMenu value="#{por.flgActivo}" disabled="true">
							<f:selectItems value="#{controladorFocalizacion.estadosObjetivo}"
								var="estadoObjetivo" itemLabel="#{estadoObjetivo.txtParametro}"
								itemValue="#{estadoObjetivo.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</f:facet>
					<f:facet name="input">
						<h:selectOneMenu value="#{por.flgActivo}">
							<f:selectItems value="#{controladorFocalizacion.estadosObjetivo}"
								var="estadoObjetivo" itemLabel="#{estadoObjetivo.txtParametro}"
								itemValue="#{estadoObjetivo.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</f:facet>
				</p:cellEditor>
			</p:column>
			<p:column>
				<p:rowEditor />
			</p:column>

			<f:facet name="footer">
            Total #{fn:length(controladorFocalizacion.portafolioFocalizaciones)}
        </f:facet>
		</p:dataTable>
	</h:form>
</ui:composition>